<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/P-JS/jquery.min.js"></script>
    <title></title>
    <style type="text/css">
        .mohu{
            font-family:"黑体";
            color:"red";

        }
        .by{
            font-family:"黑体";
            position:absolute;
            top:14px;
            left:9px;
        }
    </style>
</head>
<body>
<div style="border:1px solid red;padding-right:15px;padding-left:15px">
    <div style="width:33.333%;float:left;">
        <div style="background-color: #f05423;height:100px ">
           1
        </div>
    </div>
    <div style="background-color: #aa7fc1;width:33.333%;height:100px;float:left;">2</div>
    <div style="width:33.333%;float:left;">
        <div style="background-color: #329cd6;height:100px">
            3
        </div>
    </div>
    <div style="clear: both;"></div>
</div>

<div style="width:100%;height:200px;"></div>
<!--<div style="border:1px solid red;width:100%;height:500px;">-->
    <!--<div id="div1">131234123</div>-->
    <!--<input type="button" onclick="" value="btn">-->
<!--</div>-->
<!--<script type="text/javascript" >-->
    <!--$("button").click(function(){-->
        <!--$("#div1").fadeToggle();-->
        <!--$("#div2").fadeToggle("slow");-->
        <!--$("#div3").fadeToggle(3000);-->
    <!--});-->
<!--</script>-->
<script>
$(window).load(function(){

        $(".pp").show();

});
</script>

<div class="pp" style="display: none;">134</div>

<div id="jnkc">

</div>

<script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+'日一二三四五六'.charAt(new Date().getDay());",0);

</script>


<div style="border:1px solid red;">
    <span id="YYYY"></span>
    <span id="MM"></span>
    <span id="DD"></span>
</div>


<script language="javascript">
    function showtime()
    {
        var today,hour,second,minute,year,month,date;
        var strDate ;
        today=new Date();
        var n_day = today.getDay();
        switch (n_day)
        {
            case 0:{
                strDate = "星期日"
            }break;
            case 1:{
                strDate = "星期一"
            }break;
            case 2:{
                strDate ="星期二"
            }break;
            case 3:{
                strDate = "星期三"
            }break;
            case 4:{
                strDate = "星期四"
            }break;
            case 5:{
                strDate = "星期五"
            }break;
            case 6:{
                strDate = "星期六"
            }break;
            case 7:{
                strDate = "星期日"
            }break;
        }
        var strMonth;
        var n_month = today.getMonth();
        switch (n_month)
        {
            case 0:{
                strMonth = "星期日"
            }break;
            case 1:{
                strMonth = "星期一"
            }break;
            case 2:{
                strMonth ="星期二"
            }break;
            case 3:{
                strMonth = "星期三"
            }break;
            case 4:{
                strMonth = "星期四"
            }break;
            case 5:{
                strMonth = "星期五"
            }break;
            case 6:{
                strMonth = "星期六"
            }break;
            case 7:{
                strMonth = "星期日"
            }break;
            case 8:{
                strMonth = "1"
            }break;
            case 9:{
                strMonth = "2"
            }break;
            case 10:{
                strMonth = "3"
            }break;
            case 11:{
                strMonth = "4"
            }break;
        }
        year = today.getFullYear();
        month = today.getMonth()+1;
        date = today.getDate();
        hour = today.getHours();
        minute =today.getMinutes();
        second = ("0"+today.getSeconds()).slice(-2);

        document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日" + strDate +" " + strMonth + "  " + hour + ":" + minute + ":" + second; //显示时间
        setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
    }
</script>

<span id="time"></span>
<script language="javascript"> showtime();</script>

<div class="mohu">你好，是这个效果吗？</div>
<div class="by">你好，是这个效果吗？</div>

</body>
</html>